{extend name='admin@main'}

{block name="content"}

<script>
layui.use('upload', function(){
  var $ = layui.jquery
  ,upload = layui.upload;
  
  //普通图片上传
  var uploadInst = upload.render({
    elem: '#test1'
    ,url: '/upload/'
    ,before: function(obj){
      //预读本地文件示例，不支持ie8
      obj.preview(function(index, file, result){
        $('#demo1').attr('src', result); //图片链接（base64）
      });
    }
    ,done: function(res){
      //如果上传失败
      if(res.code > 0){
        return layer.msg('上传失败');
      }
      //上传成功
    }
    ,error: function(){
      //演示失败状态，并实现重传
      var demoText = $('#demoText');
      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
      demoText.find('.demo-reload').on('click', function(){
        uploadInst.upload();
      });
    }
  });
  
  //多图片上传
  upload.render({
    elem: '#test2'
    ,url: '/upload/'
    ,multiple: true
    ,before: function(obj){
      //预读本地文件示例，不支持ie8
      obj.preview(function(index, file, result){
        $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
      });
    }
    ,done: function(res){
      //上传完毕
    }
  });
  
  //指定允许上传的文件类型
  upload.render({
    elem: '#test3'
    ,url: '/upload/'
    ,accept: 'file' //普通文件
    ,done: function(res){
      console.log(res)
    }
  });
  upload.render({ //允许上传的文件后缀
    elem: '#test4'
    ,url: '/upload/'
    ,accept: 'file' //普通文件
    ,exts: 'zip|rar|7z' //只允许上传压缩文件
    ,done: function(res){
      console.log(res)
    }
  });
  upload.render({
    elem: '#test5'
    ,url: '/upload/'
    ,accept: 'video' //视频
    ,done: function(res){
      console.log(res)
    }
  });
  upload.render({
    elem: '#test6'
    ,url: '/upload/'
    ,accept: 'audio' //音频
    ,done: function(res){
      console.log(res)
    }
  });
  
  //设定文件大小限制
  upload.render({
    elem: '#test7'
    ,url: '/upload/'
    ,size: 60 //限制文件大小，单位 KB
    ,done: function(res){
      console.log(res)
    }
  });
  
  //同时绑定多个元素，并将属性设定在元素上
  upload.render({
    elem: '.demoMore'
    ,before: function(){
      layer.tips('接口地址：'+ this.url, this.item, {tips: 1});
    }
    ,done: function(res, index, upload){
      var item = this.item;
      console.log(item); //获取当前触发上传的元素，layui 2.1.0 新增
    }
  })
  
  //选完文件后不自动上传
  upload.render({
    elem: '#test8'
    ,url: '/upload/'
    ,auto: false
    //,multiple: true
    ,bindAction: '#test9'
    ,done: function(res){
      console.log(res)
    }
  });
  
  //拖拽上传
  upload.render({
    elem: '#test10'
    ,url: '/upload/'
    ,done: function(res){
      console.log(res)
    }
  });
  
	//多文件列表示例
	var demoListView = $('#demoList'),
	uploadListIns = upload.render({
		elem: '#testList',
		url: '{:url("upload")}',
		accept: 'file',
		multiple: true,
		auto: false,
		bindAction: '#testListAction',
		choose: function(obj) {
			var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
			//读取本地文件
			obj.preview(function(index, file, result) {
			
				//console.log(index);
				
				var tr = $(['<tr id="upload-' + index + '">', '<td>' + file.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>', '<td>等待上传</td>', '<td>', '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>', '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>', '</td>', '</tr>'].join(''));

				//单个重传
				tr.find('.demo-reload').on('click',
				function() {
					obj.upload(index, file);
				});

				//删除
				tr.find('.demo-delete').on('click',
				function() {
					delete files[index]; //删除对应的文件
					tr.remove();
					uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
				});

				demoListView.append(tr);
			});
		},
		done: function(res, index, upload) {
			console.log(res);
			
			
			//console.log(upload);
			if (res.code == 0) { //上传成功
				var tr = demoListView.find('tr#upload-' + index),
				tds = tr.children();
				var str ='<input type="hidden" name="fileurl[]" value="'+res.url+'"><input type="hidden" name="user_id[]" value="'+res.user_id+'">';
				str +='<input type="hidden" name="original_name[]" value="'+res.original_name+'"><input type="hidden" name="fileext[]" value="'+res.extension+'">';
				str +='<input type="hidden" name="filesize[]" value="'+res.size+'"><input type="hidden" name="filename[]" value="'+res.save_name+'">';
				str +='<input type="hidden" name="md5code[]" value="'+res.md5+'"><input type="hidden" name="sha1code[]" value="'+res.sha1+'">';
				
				tds.eq(2).html('<span style="color: #5FB878;">上传成功'+str+'</span>');
				tds.eq(3).html('<a href="'+res.url+'" target="new">查看</a>'); //清空操作
				return delete this.files[index]; //删除文件队列已经上传成功的文件
			}
			this.error(index, upload);
		},
		error: function(index, upload) {
			var tr = demoListView.find('tr#upload-' + index),
			tds = tr.children();
			tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
			tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
		}
	});
  
  //绑定原始文件域
  upload.render({
    elem: '#test20'
    ,url: '/upload/'
    ,done: function(res){
      console.log(res)
    }
  });
  
});
</script>


<form class="layui-form layui-card" action="{:request()->url()}"  onsubmit="return false;" data-auto="true" method="post" autocomplete="off" id="Newform">

    <div class="layui-card-body think-box-shadow padding-left-40">
	
	
	
		<blockquote class="layui-elem-quote">
		
			<span class="layui-badge layui-bg-green">在某些浏览器下，页面可能加载不完整导致编辑器错乱，如果出现这种情况，请按F5重新加载页面!</span>
			&nbsp;
			<button type="button" data-reload="" class="layui-btn layui-btn-danger layui-btn-xs">刷 新</button>
		  
		</blockquote>
	
	


        <div class="layui-form-item">
            <label class="layui-form-label label-required">文件标题</label>
            <div class="layui-input-block">
			<input name="title" value='{$vo.title|default=""}' required placeholder="请输入公告标题" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label label-required">公告类型</label>
            <div class="layui-input-block">
				<select class="layui-select" name="gonggaoleixing">
					{foreach [''=>'-- 公告类型 --','0'=>'公告','1'=>'通知','2'=>'会议'] as $k=>$v}
					{eq name='$vo.gonggaoleixing' value='$k.""'}
					<option selected value="{$k}">{$v}</option>
					{else}
					<option value="{$k}">{$v}</option>
					{/eq}
					{/foreach}
				</select>
            </div>
        </div>


        <div class="layui-form-item nowrap">
            <label class="layui-form-label label-required">发布部门</label>
            <div class="layui-input-inline margin-right-0" style="width:120px">
<input name="docdept" value='{$vo.docdept|default=""}' placeholder="请输入发布部门" class="layui-input">
				
            </div>
			
            <label class="layui-form-label">发 布 人</label>
            <div class="layui-input-inline margin-right-0" style="width:120px">
			
                <input type="text" name="docauthor" value='{$vo.docauthor|default=session("admin_user.nickname")}'  placeholder="" class="layui-input" >
				
            </div>

            <label class="layui-form-label">发布时间</label>
            <div class="layui-input-inline margin-right-0" style="width:120px">
<input type="text" data-date-input="date" name="docdate" value='{$vo.docdate|format_datetime='Y-m-d'|default=""}' required placeholder="发布时间" class="layui-input" >
            </div>

            <label class="layui-form-label">失效时间</label>
            <div class="layui-input-inline margin-right-0" style="width:120px">
<input type="text" data-date-input="date" name="docenddate" value='{$vo.docenddate|format_datetime='Y-m-d'|default=""}' placeholder="失效时间" class="layui-input" >
            </div>



        </div>



        <div class="layui-form-item">
            <label class="layui-form-label label-required">公告内容</label>
            <div class="layui-input-block">
			
  <textarea name="content" style="width:99%;height:450px;">{$vo.content|default=''|raw}</textarea>				
            </div>
        </div>



		
		
        <div class="layui-form-item">
            <label class="layui-form-label ">附件列表</label>

            <div class="layui-input-block">
                <div class="layui-textarea padding-bottom-10" style="min-height:auto">
					<div class="layui-upload">
					  {if auth("edit") && request()->action() =='edit'  && $vo['docauthor']==session('admin_user')['nickname'] && $vo['status']!=2 }
					  <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button> &nbsp;&nbsp;
					  <button type="button" class="layui-btn" id="testListAction">开始上传</button>
					  {/if}
					  
					  {if auth("add") && request()->action() =='add'  }
					  <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button> &nbsp;&nbsp;
					  <button type="button" class="layui-btn" id="testListAction">开始上传</button>
					  {/if}				  

					  <div class="layui-upload-list">
						<table class="layui-table">
						  <thead>
							<tr><th>文件名</th>
							<th>大小</th>
							<th>状态</th>
							<th>操作</th>
						  </tr></thead>
						  <tbody id="demoList">
						  {foreach $files as $key=>$vo}
						  <tr id="upload-{$vo.id}"><td>{$vo.original_name}</td><td>{$vo.filesize|format_size}</td><td></td><td> <a target="new" href="{$vo.fileurl}">查看</a></td>  <tr>
						  {/foreach}
						  </tbody>
						</table>
					  </div>
					</div>
                </div>
            </div>
        </div>
	
        <div class="layui-form-item text-center">
            {notempty name='id'}<input type="hidden" name="id" id="id" value="{$id}">{/notempty}
			
			{if request()->action() =='edit' && $docauthor == session('admin_user.nickname')  }
			<button class="layui-btn" type='submit'>编辑公告</button>
			{/if}
			
			{if request()->action() =='add' }
			<button class="layui-btn" type='submit'>保存公告</button>
			{/if}
			<button class="layui-btn layui-btn-danger" onclick="hsitoryBack()" type="button">关闭</button>
        </div>

    </div>
</form>
{/block}

{block name='script'}

	<script src="__ROOT__/static/ewebeditor/5-1-5/tinymce.min.js"></script>
<script>
       tinymce.init({
            selector: 'textarea',
            language: "zh_CN",
            hasChange: false,
            hasInit: false,
            menubar: true,
            body_class: 'panel-body ',
            object_resizing: false,
            end_container_on_empty_block: true,
            powerpaste_word_import: 'clean',
            code_dialog_height: 450,
            code_dialog_width: 1000,
            advlist_bullet_styles: 'square',
            advlist_number_styles: 'default',
            imagetools_cors_hosts: ['www.tinymce.com', 'codepen.io'],
            default_link_target: '_blank',
            link_title: false,

            nonbreaking_force_tab: true, // inserting nonbreaking space &nbsp; need Nonbreaking Space Plugin
            plugins: ['advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount'],
            toolbar: ['searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat code codesample hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen']
        });
		
		
		
		
</script>

<script>
    window.form.render();
	function hsitoryBack(){
		$.msg.confirm('确定要关闭吗？', function (index) {
			history.back(), $.msg.close(index);
		});
	};
    //require(['ckeditor', 'angular','plugs/select/xm-Select'], function () {
	/*
    require([ 'angular','plugs/select/xm-Select'], function () {
        //window.createEditor('[name="content"]', {height: 500});
		var app = angular.module("Newform", []).run(callback);
		
		function callback($rootScope) {
            // 返回列表
            $rootScope.hsitoryBack = function () {
                $.msg.confirm('确定要取消编辑吗？', function (index) {
                    history.back(), $.msg.close(index);
                });
            };
		}
		
    })
	*/
	
    layui.use(['layer','form' ,'jquery','layedit'], function() {
        var layer = layui.layer, $ = layui.jquery ,form = layui.form;
		var layedit = layui.layedit;


	  layedit.set({
		  uploadImage: {
			   url: '{:url('doUploadPic')}' //接口url
			  ,type: 'post' //默认post
		  }
		});
		
		
	  //建立编辑器
	  //layedit.build('content',{

		//  height: 300  //设置编辑器高度
	  //}); 
		
        form.render();
    });
	
	
</script>
{/block}